/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins.
 */
@tailwind base;
/**
* This injects Tailwind's component classes and any component classes
* registered by plugins.
*/
@tailwind components;

@layer components {
  .btn {
    @apply h-8 rounded-md px-4;
  }
  .btn-primary {
    @apply btn bg-slate-700 text-white;
  }
  .btn-info {
    @apply btn border-2 border-slate-900 bg-slate-500 text-white;
  }
}

/**
* This injects Tailwind's utility classes and any utility classes registered
* by plugins.
*/
@tailwind utilities;

/**
* Use this directive to control where Tailwind injects the hover, focus,
* responsive, dark mode, and other variants of each class.
*
* If omitted, Tailwind will append these classes to the very end of
* your stylesheet by default.
*/
@tailwind variants;

.new-tab {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #333;
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 10px;
  padding: 10px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

/* antd 单选框选中样式覆盖 */
.ant-radio-button-wrapper-checked {
  background: rgb(51, 65, 85) !important;
  border-color: rgb(51, 65, 85) !important;
  color: #fff !important;
}

/* 防止切换标签页的高度问题 */
html,
body {
  height: unset !important;
}
